import colorGroup from '@/common/colorGroup_all';

// 颜色面板，用于渲染阶梯瀑布图的颜色
export default {
  light: {
    backgroundColor: '#fff',
    title: {
      textStyle: {
        color: '#333',
      },
    },
    legend: {
      textStyle: {
        color: '#999999',
      },
    },
    dataZoom: {
      borderColor: 'transparent',
      fillerColor: '#65C7F8',
      backgroundColor: '#EFEFEF',
    },
    tooltip: {
      backgroundColor: 'rgba(34, 34, 34, 0.7)',
      seriesNameColor: '#DBDBDB',
      textStyle: {
        color: '#FAFAFA',
      },
      axisPointer: {
        lineStyle: {
          color: '#C1C1C1',
        },
      },
    },
    xAxis: {
      axisLine: {
        lineStyle: {
          color: '#D9E0E6',
        },
      },
      axisLabel: {
        textStyle: {
          color: '#999999',
        },
      },
    },
    yAxis: {
      axisLabel: {
        textStyle: {
          color: '#999999',
        },
      },
      splitLine: {
        lineStyle: {
          color: '#E9E9E9',
          type: 'dotted',
        },
      },
    },

    colorGroup: {
      ...colorGroup,
    },
  },

  dark: {
    backgroundColor: '#0D263A',

    title: {
      textStyle: {
        color: '#00F7FF',
      },
    },
    legend: {
      textStyle: {
        color: '#a2b5c7',
      },
    },
    dataZoom: {
      borderColor: 'transparent',
      fillerColor: '#00AAFF',
      backgroundColor: '#1A405F',
    },
    tooltip: {
      backgroundColor: 'rgba(53, 83, 107, 0.7)',
      seriesNameColor: '#aabed0',
      textStyle: {
        color: '#FAFAFA',
      },
      axisPointer: {
        lineStyle: {
          color: '#C1C1C1',
        },
      },
    },
    xAxis: {
      axisLine: {
        lineStyle: {
          color: '#3D5161',
        },
      },
      axisLabel: {
        textStyle: {
          color: '#a2b5c7',
        },
      },
    },
    yAxis: {
      axisLabel: {
        textStyle: {
          color: '#8995a0',
        },
      },
      splitLine: {
        lineStyle: {
          color: '#193144',
          type: 'solid',
        },
      },
    },

    colorGroup: {
      ...colorGroup,
    },
  },
};
